<!doctype html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>千岛湖农产品电商公共信息服务平台（演示版）</title>
    <link rel="stylesheet" href="assets/scss/web.css">
    <link rel="stylesheet" href="assets/scss/index.css">

</head>
<body>
<div>

    <div></div>

    <header id="header">
        <div class="header-title">千岛湖农产品电商公共信息服务平台（演示版）</div>
    </header>

    <div class="body-content" id="flexCon">
        <div class="flex-row" style="flex: 2;">
            <div class="flex-cell flex-cell-l">
                <div class="chart-wrapper">
                    <!-- 高层人才展示分布 -->
                    <div class="content-wrap wrap-h4">
                        <div class="chart-body" id="chartPie1L1"></div>
                    </div>
                    <div class="content-wrap wrap-h6">
                        <!--主城区药店数量分布-->
                        <div class="chart-div">
                            <div id="chartBarL1" style="height: 100%; width: 100%;"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex-cell flex-cell-c">
                <!--宁波地图-->
                <div class="chart-wrapper">
                    <div class="chart-div">
                        <div class="map-div">
                            <!--<img class="pic-img" src="assets/imgs/chunan.png" alt="">-->
                        </div>
                        <div id="worldMap" style="width: 100%;height: 100%;"></div>
                        <div class="map-info">
                            <div class="info-title">电商</div>
                            <div class="info-number">657<span class="info-unit">家</span></div>
                        </div>
                        <div class="map-right">
                            <div class="info-other">农产品基地</div>
                            <div class="info-rate">85<span class="info-unit">家</span></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex-cell flex-cell-r">
                <div class="chart-wrapper">
                    <!-- 主要产品销售占比 -->
                    <div class="content-wrap wrap-h4">
                        <div class="chart-body" id="drugstorePie"></div>
                    </div>
                    <!-- 最近六年新开药店数量 -->
                    <div class="content-wrap wrap-h6">
                        <div class="chart-div">
                            <div id="chartBarR1" style="height: 100%; width: 100%;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="flex-row">
            <!--各年度”药店”和”医疗机构”总数量 -->
            <div class="flex-cell flex-cell-lc">
                <div class="chart-wrapper">
                    <div class="chart-div">
                        <div id="chartLinePerson" style="height: 100%; width: 100%;"></div>
                    </div>
                </div>
            </div>
            <!--”药店”和”医疗机构”数量对比-->
            <div class="flex-cell flex-cell-lc">
                <div class="chart-wrapper">
                    <div class="chart-div" style="padding: 0px;">
                        <div id="chartDBar" style="height: 100%; width: 100%;"></div>
                    </div>
                </div>
            </div>
            <!--医保定点和非定点数量对比-->
            <div class="flex-cell flex-cell-lc">
                <div class="chart-wrapper">
                    <div class="chart-div" style="padding: 0px;">
                        <div id="chartAddBar" style="height: 100%; width: 100%;"></div>
                    </div>
                </div>
            </div>

            <!-- 主城区药店计划数量和已开数量 -->
            <div class="flex-cell flex-cell-lc">
                <div class="chart-wrapper">
                    <!--<div class="chart-new">-->
                    <div class="chart-div">
                        <div id="chartRadar" style="height: 100%; width: 100%;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer id="footer"></footer>

</div>
</body>
<script src="assets/plugins/echarts/echarts.min.js"></script>
<script src="assets/plugins/echarts/chunan.js"></script>
<script src="assets/plugins/jquery/jquery.js"></script>
<script src="assets/js/charts.js"></script>
<script src="assets/js/index.js"></script>
</html>
